<template>
  <div class="income-wrap">
    <G_header title="我的收入" leftText="返回" />
    <div class="my_income">&yen;10.00</div>
    <div class="nav">
      <div @click="is_open = 1" class="left">今日收入</div>
      <div @click="is_open = 2" class="right">历史收入</div>
    </div>
    <div v-if="is_open == 1" class="income_num">
      <div class="time">2019-08-25</div>
      <div class="income_total">
        <span class="count">共&nbsp;2&nbsp;笔收入</span>
        <span class="price">收入总计&yen;&nbsp;5.34</span>
      </div>
      <div class="floos clearfix">
        <div class="l">
          <p>*name</p>
          <p style="color: #999">人员推广费</p>
          <p style="color: #999">22:20:30</p>
        </div>
        <div class="money r">
          +3.22
        </div>
      </div>
      <div class="floos clearfix">
        <div class="l">
          <p>*name</p>
          <p>人员推广费</p>
          <p>22:20:30</p>
        </div>
        <div class="money r">
          +3.22
        </div>
      </div>
    </div>
    <div v-if="is_open == 2">2222</div>
  </div>
</template>

<script>
export default {
  name: "Income",
  data() {
    return {
      is_open: 1
    };
  },
  methods: {}
};
</script>
<style scoped>
.my_income {
  width: 100%;
  height: 150px;
  background: #facbb7;
  text-align: center;
  line-height: 150px;
  font-size: 2rem;
}
.nav {
  width: 100%;
  height: 30px;
  background: #facbb7;
  margin-top: 1px;
  line-height: 30px;
  text-align: center;
}
.nav .left {
  width: 49%;
  height: 30px;
  float: left;
  border-right: 1px solid #f3f3f3;
}
.nav .right {
  width: 50%;
  height: 30px;
  float: left;
}
.income_num {
  font-size: 12px;
}
.income_num .time {
  width: 100%;
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
}
.income_total {
  background: white;
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.income_total .count {
  float: left;
  padding: 0 10px;
}
.income_total .price {
  float: right;
  padding: 0 10px;
}
.floos {
  background: white;
  padding: 5px 12px;
  margin: 3px 0;
}
.floos .l p {
  margin: 0;
  line-height: 16px;
}
.floos .r {
  line-height: 48px;
}
</style>
